<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- <input type="text" class="word" /> -->
    <ul class="container"></ul>
    <script>
      let container = document.querySelector(".container");
      function jsonp_0(obj) {
        console.log(obj);
        container.innerHTML = "";
        for (let key in obj) {
          if (obj[key] == "Array") {
            obj[key].s.forEach((item) => {
              let liEle = document.createElement("li");
              liEle.innerHTML = item;
              container.appendChild(liEle);
            });
          }
        }
        // obj.forEach((item, key) => {
        //   let liEle = document.createElement("li");
        //   liEle.innerHTML = key;
        //   container.appendChild(liEle);
        // });
      }
      document.onclick = function () {
        let s = document.createElement("script");
        s.src = `https://query.asilu.com/today/list?callback=jsonp_0`;
        document.head.appendChild(s);
      };
    </script>
  </body>
</html>
